<template>
  <div class="serch-box">
    <el-input
      placeholder="商户名/商户号"
      v-model="input"
      change="haol"
      clearable
    >
    </el-input>
    <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button>
    <el-button type="primary" icon="el-icon-plus">添加</el-button>
  </div>
  
</template>

<script>
export default {
  data() {
    return {
      input: "",
    };
  },
  methods:{
    search(){
      const ser = this.input
      this.input =""
      console.log(ser)
    }
  }
};
</script>


<style lang="scss" scoped>
.el-dropdown {
  width: 80px;
  height: 50px;
}
.serch-box {
  width: 100%;
  height: 100%;
  display: flex;
}
.el-input {
  width: 200px;
  margin-right: 10px;
  margin-right: 10px;
}
</style>
